<template>
  <div class="test">
    <div class="error">
        <h1>404</h1>
        <div class="error-ds">页面跑丢了，去<a href="javasript:void(0)" @click="goHome">首页</a></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  mounted(){
    
  },
  methods: {
    goHome(){
      this.$router.push({path:'/main'})
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.error{
  text-align: center;
  margin-top: 210px;
}
.error h1{
  font-size: 136px;
  color: #f00;
}
.error .error-ds{
  font-size: 32px;
  color: #000;
  margin-top: 20px;
}
</style>
